<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
     <!-- 引入 echarts.js -->
     <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>

</head>
<body>
    <div id="main" style="width: 600px;height:400px;"></div>
</body>
</html>
<script>
     // 基于准备好的dom，初始化echarts实例
     var myChart = echarts.init(document.getElementById('main'));
 
 // 指定图表的配置项和数据
 var option = {
     legend: {},
     tooltip: {},
     dataset: {
         // 提供一份数据。
         source: [
             ['product', '2015', '2016', '2017'],
             ['Matcha Latte', 43.3, 85.8, 93.7],
             ['Milk Tea', 83.1, 73.4, 55.1],
             ['Cheese Cocoa', 86.4, 65.2, 82.5],
             ['Walnut Brownie', 72.4, 53.9, 39.1]
         ]
     },
     // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
     xAxis: {type: 'category'},
     // 声明一个 Y 轴，数值轴。
     yAxis: {},
     // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
     series: [
         {type: 'bar'},
         {type: 'bar'},
         {type: 'bar'}
     ]
 };

 // 使用刚指定的配置项和数据显示图表。
 myChart.setOption(option);
</script>